/** Font **/
$font-color-important: #303133 !default;
$font-color-default: #606266 !default;
$font-color-secondary: #909399 !default;
$font-color-lowest: #C0C4CC !default;

/** Border **/
$border-color-important: #DCDFE6 !default;
$border-color-default: #E4E7ED !default;
$border-color-secondary: #EBEEF5 !default;
$border-color-lowest: #F2F6FC !default;
$border-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default;
$border-shadow-lowest: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
$border-radius: 2px !default;
$border-radius-default: 4px !default;

$modal-color: rgba(0, 0, 0, .5) !default;

/** Color **/
$color-primary: #2db7f5 !default;
$color-primary-7: #6cccf8 !default;
$color-primary-5: #96dbfa !default;
$color-primary-3: #c0e9fc !default;
$color-primary-1: #eaf7fe !default;
$color-success: #67c23a !default;
$color-success-7: #94d475 !default;
$color-success-5: #b3e09c !default;
$color-success-3: #d1ecc3 !default;
$color-success-1: #eff8eb !default;
$color-warning: #ff9900 !default;
$color-warning-7: #ffb74c !default;
$color-warning-5: #ffcc7f !default;
$color-warning-3: #ffe0b2 !default;
$color-warning-1: #fff4e5 !default;
$color-error: #ed3c14 !default;
$color-error-7: #f2765a !default;
$color-error-5: #f69d89 !default;
$color-error-3: #f9c4b8 !default;
$color-error-1: #fdebe7 !default;
$color-white: #fff !default;
$color-white-secondary: #f4f4f5 !default;
$color-disabled-background: #f5f7fa !default;
$color-disabled-color: #C0C4CC !default;

$input-width-default: 220px !default;
$height-large: 40px !default;
$height-middle: 36px !default;
$height-default: 32px !default;
$height-mini: 24px !default;

/** Slider **/
$slider-large-line: 10px !default;
$slider-middle-line: 8px !default;
$slider-default-line: 6px !default;
$slider-mini-line: 4px !default;
$slider-large-height: 38px !default;
$slider-middle-height: 36px !default;
$slider-default-height: 32px !default;
$slider-mini-height: 30px !default;
$slider-line-color: #e4e7ed !default;
$slider-line-color-disabled: $color-disabled-background !default;

/** Image **/
$image-background: #c0c4cc !default;

/** Autocomplete **/
$autocomplete-background: $color-white !default;
$autocomplete-border-color: $border-color-default !default;
$autocomplete-font-color: $font-color-default !default;
$autocomplete-active-color: $color-primary !default;
$autocomplete-active-background-color: $color-primary-1 !default;

/** Avatar **/
$avatar-background: #c0c4cc !default;
$avatar-color: $color-white !default;

/** BackTop **/
$backTop-background: $color-white !default;

/** Badge **/
$badge-background: $color-white !default;

/** Button **/
$button-color-bg: $color-white !default;
$button-color-disabled: $font-color-lowest !default;
$button-color-border: #dcdfe !default;
$button-color-primary: $color-primary !default;
$button-color-primary-bg-7: $color-primary-7 !default;
$button-color-primary-bg-5: $color-primary-5 !default;
$button-color-primary-bg-3: $color-primary-3 !default;
$button-color-primary-bg-1: $color-primary-1 !default;
$button-color-success: $color-success !default;
$button-color-success-bg-7: $color-success-7 !default;
$button-color-success-bg-5: $color-success-5 !default;
$button-color-success-bg-3: $color-success-3 !default;
$button-color-success-bg-1: $color-success-1 !default;
$button-color-warning: $color-warning !default;
$button-color-warning-bg-7: $color-warning-7 !default;
$button-color-warning-bg-5: $color-warning-5 !default;
$button-color-warning-bg-3: $color-warning-3 !default;
$button-color-warning-bg-1: $color-warning-1 !default;
$button-color-error: $color-error !default;
$button-color-error-bg-7: $color-error-7 !default;
$button-color-error-bg-5: $color-error-5 !default;
$button-color-error-bg-3: $color-error-3 !default;
$button-color-error-bg-1: $color-error-1 !default;
$button-padding-large: 0 24px !default;
$button-padding-middle: 0 20px !default;
$button-padding-default: 0 15px !default;
$button-padding-mini: 0 13px !default;

/** Card **/
$card-background: $color-white !default;

/** Checkbox **/
$checkbox-disabled: $color-disabled-color !default;
$checkbox-disabled-background: $color-disabled-background !default;
$checkbox-background: $color-white !default;
$checkbox-active-background: $color-primary !default;

/** Collapse **/
$collapse-background: $color-white !default;

/** Confirm **/
$confirm-background: $color-white !default;

/** DatePicker **/
$date-picker-active-background: $color-primary !default;
$date-picker-active-color: $color-white !default;

/** Drawer **/
$drawer-background: $color-white !default;

/** Dropdown **/
$dropdown-background: $color-white !default;

/** Form **/
$form-background: $color-white !default;

/** Input **/
$input-background: $color-white !default;
$input-focus-border-color: $color-primary !default;
$input-disabled-background: $color-disabled-background !default;

/** InputNumber **/
$input-number-background: $color-white !default;
$input-number-focus-border-color: $color-primary !default;
$input-number-disabled-background: $color-disabled-background !default;

/** Menu **/
$menu-background: $color-white !default;
$menu-active-background: $color-primary-1 !default;
$menu-active-font-color: $color-primary !default;

/** Message **/
$message-font-color: $color-white !default;

/** Notify **/
$notify-background: $color-white !default;

/** Pagination **/
$pagination-background: $color-white !default;
$pagination-active-font-color: $color-primary !default;
$pagination-border-active-background: $color-primary !default;
$pagination-border-active-font-color: $color-white !default;

/** Popover **/
$popover-background: $color-white !default;

/** Progress **/
$progress-inline-background: #ebeef5 !default;
$progress-inline-font-color: #fff !default;

/** Radio **/
$radio-active-background: $color-primary !default;
$radio-border-active-color: $color-primary !default;
$radio-border-background: $color-white !default;
$radio-button-background: $color-white !default;
$radio-button-hover-font-color: $color-primary !default;
$radio-button-active-font-color: $color-white !default;
$radio-button-active-background: $color-primary !default;

/** Tooltip **/
$tooltip-dark-background: #303133 !default;
$tooltip-dark-font-color: #fff !default;
$tooltip-padding-x: 15px !default;
$tooltip-padding-y: 5px !default;
